<template>
  <div>
    <form action="/">
      <van-search show-action placeholder="请输入搜索关键词" @click="go" />
    </form>
    <div class="nav">
      <ul>
        <li>区域</li>
        <li>售价</li>
        <li>房型</li>
        <li>更多</li>
      </ul>
    </div>
    <div></div>
  </div>
</template>

<script>
  export default {
    methods: {
      go() {
        this.$router.push({
          path: '/about'
        })
      }
    }
  }
</script>

<style lang='scss' scoped>
  .nav {
    width: 100%;
    height: 40px;

    ul {
      list-style: none;
      display: flex;
      justify-content: space-around;
      align-items: center;
    }
  }
</style>